.information-banner{
    position: relative;
    min-height: 240px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('@/assets/img/college/college-bg.png');
    background-repeat: no-repeat;
    .banner-name-box{
      max-width: 1200px;
      margin: 0px auto;
    }
    .banner-name{
        position: absolute;
        top: 98px;
        // left: 10%;
        color: #ffffff;
        font-size: 32px;
        font-weight: 500;
    }
}

@media screen and (max-width: 1200px) {
    .information-banner{
        .banner-name-box{
            max-width: 992px;
        }
    }
}

@media screen and (max-width: 992px) {
    .information-banner{
        .banner-name-box{
            max-width: 832px;
        }
    }
}

@media screen and (max-width: 768px) {
    .information-banner{
        min-height: 104px;
        height: 104px;
        background-image: url('@/assets/img/college/college-bg1.png');
        .banner-name-box{
            max-width: 100%;
            margin: 0px auto;
          }
          .banner-name{
              top: 40px;
              left: 16px;
              color: #ffffff;
              font-size: 20px;
              font-weight: 500;
          }
    }
}
